import { Image } from 'antd'

import PC from '@/components/reposive/pc'
import IsMd from '@/components/reposive/is-md'

import '@/styles/big-content/image-pc.css'
import '@/styles/common.css'

const ImagePc = () => {
  return (
    <>
      <PC>
        <Image src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
        <span className="common-center-right">
          Art by <a href="">Romain Briaux</a>
        </span>
      </PC>

      <IsMd>
        <div className="image-style common-vertical">
          <Image
            width={400}
            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
          />
          <span>
            Art by <a href="">Romain Briaux</a>
          </span>
        </div>
      </IsMd>
    </>
  )
}

export default ImagePc
